import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

import Layout from '../pages/Layout'

import Login from '../pages/Login'


/*基础*/
import Color from '../pages/color/Color'
import Font from '../pages/font/Font'
import Button from '../pages/button/Button'
import Icon from '../pages/icon/Icon'


/*布局*/
import Grid from '../pages/Layout/VGrid'
import LayoutVue from '../pages/Layout/VLayout'
import Card from '../pages/Layout/VGrid'
import Collapse from '../pages/Layout/VCollpase'
import Split from '../pages/Layout/VSplit'
import Divider from '../pages/Layout/VDivider'
import Cell from '../pages/Layout/VCell'


/*导航*/
import Menu from '../pages/nav/VMenu'
import Page from '../pages/nav/VPage'
import Steps from '../pages/nav/VSteps'
import Tabs from '../pages/nav/VTabs'
import Anchor from '../pages/nav/VAnchor'
import Badge from '../pages/nav/VBadge'
import Breadcrumb from '../pages/nav/VBreadcrumb'
import Dropdown from '../pages/nav/VDropdown'
import LoadingBar from '../pages/nav/VLoadingBar'




Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'login',
      component: Login
    } ,{
      path: '/login',
      name: 'login',
      component: Login
    },
    {
      path: '/index',
      name: 'index',
      component: Layout,
      children: [{
        path: 'color',
        name: 'color',
        component: Color
      }, {
        path: 'font',
        name: 'font',
        component: Font
      }, {
        path: 'button',
        name: 'button',
        component: Button
      }, {
        path: 'icon',
        name: 'icon',
        component: Icon
      }, {
        path: 'grid',
        name: 'grid',
        component: Grid
      }, {
        path: 'layoutvue',
        name: 'layoutvue',
        component: LayoutVue
      }, {
        path: 'card',
        name: 'card',
        component: Card
      }, {
        path: 'collpase',
        name: 'collpase',
        component: Collapse
      }, {
        path: 'split',
        name: 'split',
        component: Split
      }, {
        path: 'divider',
        name: 'divider',
        component: Divider
      }, {
        path: 'cell',
        name: 'cell',
        component: Cell
      }, {
        path: 'menu',
        name: 'menu',
        component: Menu
      }, {
        path: 'page',
        name: 'page',
        component: Page
      }, {
        path: 'steps',
        name: 'steps',
        component: Steps
      }, {
        path: 'tabs',
        name: 'tabs',
        component: Tabs
      }, {
        path: 'anchor',
        name: 'anchor',
        component: Anchor
      }, {
        path: 'badge',
        name: 'badge',
        component: Badge
      }, {
        path: 'breadcrumb',
        name: 'breadcrumb',
        component: Breadcrumb
      }, {
        path: 'dropdown',
        name: 'dropdown',
        component: Dropdown
      }, {
        path: 'loadingbar',
        name: 'loadingbar',
        component: LoadingBar
      }]
    }, {
      path: '/',
      redirect: {
        name: 'login'
      }
    }
  ]
})
